<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--<button>点我跳转</button>-->
		<!--<input type="text" name="" id="" value="" />-->
		<!--<button>点我前进</button>
		<button>点我缓存</button>-->
		<progress max="100" value="0" width="100px" height="20px"></progress>
		<script type="text/javascript">
			
//			var Btn=document.getElementsByTagName("button");
//			var Input=document.getElementsByTagName('input')[0];
			
//			Btn[0].onclick=function(){
//				var InputValue=Input.value;
//				location.href="system.html?keyword="+InputValue;
//				
//			}
//			Btn[1].onclick=function(){
////				history.go(1);
//				var InputValue=Input.value;
//				
//				localStorage.setItem('keyword',InputValue);
//			}
//			Btn[2].onclick=function(){
////				history.go(1);
//				var InputValue=Input.value;
//				var d=new Date();
//				var Days=30;
//				d.setTime(d.setTime()+Days*24*60*60*1000);
//				
//				console.log(d.toGMTString());
//				document.cookie="baidu="+InputValue+";Expires"+d.toGMTString();
//			}
			
			var progress=document.getElementsByTagName('progress')[0];
			var xhr=new XMLHttpRequest();
			var src="http://donse.gitee.io/progress/donse.mp3";
			xhr.open('get',src,true);
			xhr.send();
			xhr.addEventListener('readystatechange',function(e){
				var res=e.target;
				if(res.readyState==4){
					if(res.state==200){
						alert("请求成功");
					}
				}
			})
			xhr.addEventListener("progress",function(e){
				console.log(e);
				if(e.lengthComputable)
					{
						progress.setAttribute("value",e.loaded);
						progress.setAttribute("max",e.total);
					}
			})
		</script>
		
	</body>
</html>
